<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>

  <body>
    <script src="./js/axios.min.js"></script>
    <script>
      const myAxios = axios.create({
        // 做一些默认配置
        // https://www.fastmock.site/mock/6673e5cbf22088bb115bf6470534724f/api-a/getList

        // 后续使用myAxios设置请求url地址时,不需要在写前面的一长地址. 最终它会给你拼接起来
        baseURL:
          "https://www.fastmock.site/mock/6673e5cbf22088bb115bf6470534724f/api-a/",

        //  ms 超时时长的配置, 超过3秒中接口数据没有返回回来的话,就直接中断请求,并 Toast
        timeout: 3000,

        // 自定义请求头
        headers: {
          // 比较是否登录
          name: "zhangsan",

          //   TOKEN 令牌
        },
      });

      myAxios
        .get("getList")
        .then((res) => {
          console.log(res);
        })
        .catch((error) => {
          console.error(error);
          alert("网络异常,请稍后重试!");
        });



        // 需求，项目中所有接口的调用，都要传递一个参数，参数名叫 token, 值 为 1111
        //    这样每个都写很复杂，且不好维护


        //
        .get('getList?token=""')


        // 登录
        .post({
          username: '',
          password: '',

          token: ''
        })


        // 注册
        .post('register', {
          username: '',
          password: '',
          name: '',
          sex: '',
          age: '',

          token: ''
        })


        // 其他接口
        .post('register', {
          x: '',
          y: '',

          token: ''
        })
    </script>
  </body>
</html>
